<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div {
				position: relative;
				overflow: hidden;
				width: 100px;
				height: 100px;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				background-color: #0000FF;
			}
			
			span {
				position: absolute;
				width: 100%;
				height: 100%;
				border: 99px dotted;
				border-radius: 50%;
				border-width: 0vw;
				background-color: #8075A2;
				color: #F3E8DC;
				text-align: center;
				line-height: 95px;
			}
			/*以下是张鑫旭大神的设计*/
			/*.box {
			    width: 150px; height: 150px;
			    line-height: 150px;
			    position: relative;
			    overflow: hidden;
			}
			.radius {
			    position: absolute;
			    width: 100%; height: 100%;
			    border-radius: 50%;
			    border: 149px dotted;
			    margin: 0 0 1px 1px;
			    border-width: 0vw;
			    margin: 0vw;
			    color: #cd0000;
			    background-color: currentColor;
			}
			.text {
			    position: relative;
			    color: #fff;
			    text-align: center;
			    font-size: 24px;
			}*/

		</style>
	</head>

	<body>
		<div>
			<span>圆角</span>
		</div>
		<!--<div class="box">
   		 <i class="radius">p题</i>
   		 <p class="text">美女</p>
</div>-->
	</body>

</html>